          <h2>NOVINKY</h2>
          <div id="news" class="float-l">
   
         <img id="new_pic" src="upload/{$news[0]["picture"]["path"]}th_news_{$news[0]["picture"]["name"]}" alt="img.png" title="Novinka" width="379" height="252" class="float-l" />
         <ul id="newsHandle" class="float-r">
         {foreach $news as $n}
         {if !empty($n["link"])}
         
         <li class="jq_new{if $iterator->isFirst()} selected{/if}">
         <img style="display: none;" src="upload/{$n["picture"]["path"]}th_news_{$n["picture"]["name"]}" />
		  
		  <a href="{$n["link"]}" title=" {$n["title"]}">
		  	<span>{$n["title"]}</span>
		  </a>
		  {!$n["perex"]}
          
          </li>
          {/if}
        {/foreach} 
         </ul>
         </div>
         
<script type="text/javascript">

function init(){

	var src;
	$(".jq_new").click(function(){
		src = $(this).find("img").attr("src");

		$("#new_pic").fadeOut("fast", function(){
			$("#new_pic").attr("src", src);
			$("#new_pic").fadeIn("fast");
		});
		
		$(".jq_new").attr("class", "jq_new");

		$(this).attr("class", "jq_new selected");
				
	});
}

$(document).ready(function(){
	init();
}); 
</script>